{% load staticfiles %}
<!-- /post-right -->
<aside class="post-right hidden-xs">
    </section>
    <section class="widget post-right-item">
        <h4 class="post-right-title">热门文章排行</h4>
        <ol class="hot-list">
            {% for hot in hot_list %}
                <li><a href="#" title="{{ hot.title }}">{{ hot.title }}</a></li>
            {% endfor %}

        </ol>
    </section>
    </section>
    </section>


    <!--    <section class="widget post-right-item"><h4 class="post-right-title">热门推荐</h4>
            <ul class="post-new">

                    <li>
                        <div class="img">
                            <a href="/show-1.html" title="W3C启动Web支付标准工作，推进在线结算流程"><img src="static/picture/next-1.png"
                                                                   srcset="media/article_img/2018/10/07/next-1.png" alt="W3C启动Web支付标准工作，推进在线结算流程"
                                                                   class="wp-post-image" width="120"
                                                                   height="80"/></a>
                        </div>
                        <div class="text">
                            <a href="/show-1.html" title="W3C启动Web支付标准工作，推进在线结算流程" target="_blank">W3C启动Web支付标准工作，推进在线结算流程</a>
                        </div>
                    </li>


                    <li>
                        <div class="img">
                            <a href="/show-4.html" title="Firefox5新功能:社交共享 集成身份管理"><img src="static/picture/firefox503.jpg"
                                                                   srcset="media/article_img/2018/10/07/firefox503.jpg" alt="Firefox5新功能:社交共享 集成身份管理"
                                                                   class="wp-post-image" width="120"
                                                                   height="80"/></a>
                        </div>
                        <div class="text">
                            <a href="/show-4.html" title="Firefox5新功能:社交共享 集成身份管理" target="_blank">Firefox5新功能:社交共享 集成身份管理</a>
                        </div>
                    </li>


                    <li>
                        <div class="img">
                            <a href="/show-5.html" title="简单HTML5打造内涵搜索框"><img src="static/picture/web1_if1rrie.jpg"
                                                                   srcset="media/article_img/2018/10/07/web1_If1RRie.jpg" alt="简单HTML5打造内涵搜索框"
                                                                   class="wp-post-image" width="120"
                                                                   height="80"/></a>
                        </div>
                        <div class="text">
                            <a href="/show-5.html" title="简单HTML5打造内涵搜索框" target="_blank">简单HTML5打造内涵搜索框</a>
                        </div>
                    </li>


                    <li>
                        <div class="img">
                            <a href="/show-7.html" title="网站设计-不只是门面漂亮这么简单"><img src="static/picture/web1.jpg"
                                                                   srcset="media/article_img/2018/10/07/web1.jpg" alt="网站设计-不只是门面漂亮这么简单"
                                                                   class="wp-post-image" width="120"
                                                                   height="80"/></a>
                        </div>
                        <div class="text">
                            <a href="/show-7.html" title="网站设计-不只是门面漂亮这么简单" target="_blank">网站设计-不只是门面漂亮这么简单</a>
                        </div>
                    </li>


                    <li>
                        <div class="img">
                            <a href="/show-8.html" title="谷歌用户体验设计准则"><img src="static/picture/tx_3zybskx.jpg"
                                                                   srcset="media/article_img/2018/10/07/tx_3zybSKX.jpg" alt="谷歌用户体验设计准则"
                                                                   class="wp-post-image" width="120"
                                                                   height="80"/></a>
                        </div>
                        <div class="text">
                            <a href="/show-8.html" title="谷歌用户体验设计准则" target="_blank">谷歌用户体验设计准则</a>
                        </div>
                    </li>


                    <li>
                        <div class="img">
                            <a href="/show-10.html" title="手机端阅读类产品的信息架构"><img src="static/picture/shouji.jpeg"
                                                                   srcset="media/article_img/2018/10/07/shouji.jpeg" alt="手机端阅读类产品的信息架构"
                                                                   class="wp-post-image" width="120"
                                                                   height="80"/></a>
                        </div>
                        <div class="text">
                            <a href="/show-10.html" title="手机端阅读类产品的信息架构" target="_blank">手机端阅读类产品的信息架构</a>
                        </div>
                    </li>



            </ul>
        </section>
        -->
    </section>


    <section class="widget post-right-item"><h4 class="post-right-title">所有标签</h4>
        <div class="tags">
            {% for tag in tags_list %}
                <a href="{% url 'index' %}tag/{{ tag.name }}">{{ tag.name }}</a>
            {% endfor %}

        </div>
    </section>
    </section>
    {% include 'follow-me.html' %}

</aside>